<%-- 
    Document   : index
    Created on : Mar 19, 2012, 4:09:56 PM
    Author     : Kyle
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <LINK REL=StyleSheet HREF="./css/main.css" TYPE="text/css"/>
        <script type="text/javascript">
            function submitForm(myfield,e){
            var keycode;
            if (window.event) keycode = window.event.keyCode;
            else if (e) keycode = e.which;
            else return true;

            if (keycode == 13)
               {
               myfield.form.submit();
               return false;
               }
            else
               return true;
            }
            
        </script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
        <script>
            function isDoctor()
            {
                $('.isDoctor').toggle();
            }
        </script>
    </head>
    <body>
        <div class="filler">
            <div class="bg">
                <div class="main">
                    <div class="hdr">
                        <div class="logo">
                            <img src="./imgs/logo.png"/>
                        </div>
                        <div class="hdr_content_container">
                            <div class="login_title">
                                <span>Please log in to use LaugLog!</span>
                            </div>
                            <div class="login_container">
                                <form name="login_form" action="LoginServlet?action=login" method="post">
                                    <div class="login_input">
                                        <span>Username: </span><input name="username" type="text" onKeyPress="submitForm(this,event)"/>
                                    </div>
                                    <div class="login_input">
                                        <span style="margin-right: 1px;">Password: </span><input name="password" type="password" onKeyPress="submitForm(this,event)"/>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- hdr -->

                    <div class="container">
                        <div class="login_side" style="border-right : 1px solid #888888">
                            <span>LaugLog helps you keep track of your life.</span>
                            <div class="login_cal">
                                <img src="./imgs/calendar.png" width=300/>
                            </div>
                        </div>
                        <div class="login_side">
                            <div class="registration_titles">
                                <div><span>First name: </span><br/></div>
                                <div><span>Last name: </span><br/></div>
                                <div><span>Email: </span><br/></div>
                                <div><span>Username: </span><br/></div>
                                <div><span>Password: </span><br/></div>
                                <div class="isDoctor"><span>DEA #: </span><br/></div>
                            </div>
                            <div class="registration_form">
                                <form name="register" action="LoginServlet?action=register" method="post">
                                    <input type="text" name="firstName"/>
                                    <input type="text" name="lastName"/>
                                    <input type="text" name="email"/>
                                    <input type="text" name="username"/>
                                    <input type="text" name="password"/>
                                    <input class="isDoctor" type="text" name="dea"/>
                                    <div><a href="javascript:isDoctor()">Are you a Doctor?</a></div>
                                </form>
                                <a href="javascript:verifyRegistration();">Register!</a>
                            </div>
                        </div>
                    </div>
                    <!-- dashboard container -->
                </div>
                <!-- main -->
            </div>
            <!-- bg -->
        </div>
        <!-- filler -->
        
    <script type="text/javascript" src="./js/verification.js"></script>
    </body>
</html>
